window.onload = function(){
	var windowW = window.innerWidth
    ||document.documentElement.clientWidth
    ||document.body.clientWidth
$(".iframeBox").css({
'width':windowW - 120,
'left':120,
});

$(window).resize()
}
window.onresize = function(){
var windowH = window.innerHeight
    ||document.documentElement.clientHeight
    ||document.body.clientHeight
$('.content,.leftNav,.nav-2,#sidebar-box').css({
'height':windowH - 80,
});

if($('.slideBox ').hasClass('iconRight')){
var windowW = window.innerWidth
		||document.documentElement.clientWidth
		||document.body.clientWidth
$(".iframeBox").css({
	'width':windowW,
	
});
}else{
var windowW = window.innerWidth
		||document.documentElement.clientWidth
		||document.body.clientWidth
$(".iframeBox").css({
	'width':windowW - 120,
	
});
}

$('#mainFrame').css({
'min-height':windowH - 110,
});
}

$(function(){
$('dd').on('click',function(){
$(this).addClass('active').siblings().removeClass('active').parent().siblings().find('dd').removeClass('active')
})
$(".nav li").each(function(){
var index=$(this).index()+1;

$(".nav li").eq(0).addClass("active");
$(".content > .index").show();
$(".content > .menuIndex").show();
$('.leftNav,.iframeBox').hide()
$(this).click(function(){
    var menuIndex = $(this)[0].id;
    if (menuIndex == 1) {
        $(".content > .menuIndex").show();
        $(this).addClass("active").siblings().removeClass("active");
        var obj = $(".nav-2").eq(3).find("dt")[1];
        dtOnclick(obj);
    } else {
        $(".content > .menuIndex").hide();
        $(this).addClass("active").siblings().removeClass("active");
        $('.leftNav,.iframeBox').show();
        $(".leftNav > .nav-2").eq(index-1).stop(true).show().siblings('.nav-2').stop(true).hide();
        $(".content > .index").hide()
        $(".nav li").eq(0).on('click',function(){
            $(".content > .index").show();
            $(".leftNav,.iframeBox").hide();
        })
    }

})
})
$('.leftNav .slideBox').on('click',function(){
if($(this).hasClass('iconRight')){
    $(this).parent().animate({
        left:'0px',
    }).css({
        'overflow':'hidden'
    });
    $(this).addClass('iconLeft').removeClass('iconRight')
	$('.iframeBox').animate({
        left:'120px',
		width:'-=120px',
    })
}else if($(this).hasClass('iconLeft')){
    $(this).parent().animate({
        left:'-120px',
    }).css({
        'overflow':'initial'
    });
    $(this).addClass('iconRight').removeClass('iconLeft')
	$('.iframeBox').animate({
        left:'0px',
		width:'+=120px',
    })
}
})
$('.cQuatity').on('click',function(){
	var cloud = $('.leftNav .slideBox');
	$(cloud).click();
})
})